import { defineComponent } from "vue"
import style from './index.module.scss'
import { ElIcon } from 'element-plus'
import { Calendar } from '@element-plus/icons'
export default defineComponent({
  props: {
    title: {
      type: String,
      required: true,
      default: () => ""
    }
  },
  setup(props) {
    return { props }
  },
  render() {
    const { title } = this
    return (
      <div className={style.menuItemWrapper}>
        <div className={style.menuItemIcon}>
          <ElIcon><Calendar /></ElIcon>
        </div>
        <div className={style.menuItemTitle}>
          {title}
        </div>
      </div>
    )
  }
})